import React from 'react'
import cn from 'classnames'
import i from '@/index.module.css'

export function RunningIcon() {
  return (
    <svg
      className={cn(i.vam, i.ml5)}
      width="36px"
      height="36px"
      viewBox="0 0 36 36"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xlink="http://www.w3.org/1999/xlink"
    >
      <defs>
        <radialGradient
          cx="50%"
          cy="50%"
          fx="50%"
          fy="50%"
          r="79.6017662%"
          id="radialGradient-1"
        >
          <stop stopColor="#20C850" offset="0%"></stop>
          <stop
            stopColor="#77FB96"
            stopOpacity="0.501047328"
            offset="100%"
          ></stop>
        </radialGradient>
      </defs>
      <g
        id="页面-1"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="系统状态-系统控制"
          transform="translate(-504.000000, -197.000000)"
        >
          <g id="编组-6备份-6" transform="translate(184.000000, 171.000000)">
            <g id="编组-10" transform="translate(320.000000, 26.000000)">
              <g id="编组-8">
                <path
                  d="M24.132654,27.1055686 C25.5916552,25.0963219 25.0080547,22.4244475 22.753201,20.6143501 C21.8114484,19.8579586 19.6063956,19.0622516 19.8658586,18.4311506 C21.058589,16.588216 23.3938543,18.0465754 24.846837,19.361569 C26.7409239,21.0752815 28.3692335,20.6463218 29.0502651,18.2094752 C29.7786064,15.6038686 28.4365966,12.2442195 26.2979204,11.3189196 C24.0975541,10.3667664 21.7263996,11.4356052 19.9126009,14.2191208 C19.4515417,14.9286798 19.2448396,16.2770051 18.0806232,15.6028053 C17.212499,15.1009511 17.438712,13.9632731 17.954308,13.1036474 C18.3668982,12.4171337 18.7807464,11.7173913 19.2903732,11.1034012 C21.0641142,8.96799854 20.4996793,7.40091565 17.7267136,6.86657045 C14.9746402,6.33702224 12.014582,7.65762883 11.3216612,9.89495517 C10.4365174,12.7531703 11.9686537,14.5909618 14.2128763,16.0262263 C14.9376657,16.489309 16.2966704,16.7319279 15.575729,17.9032591 C15.0916316,18.6887045 13.9729242,18.4183916 13.0558624,18.0090154 C12.2876853,17.6669949 11.679838,17.1890267 11.0698941,16.6355678 C9.14512247,14.8868916 7.63210243,15.3427046 6.94177162,17.8341231 C6.21611892,20.4505848 7.63173244,23.8200504 9.80827121,24.6570758 C12.2617119,25.6011433 15.2013959,24.5824999 16.6434021,21.3767501 C16.9887279,20.8770224 17.0049829,19.839191 17.7183025,20.105696 C18.4000742,20.3610739 18.4554249,21.1388293 18.3550338,21.7025499 C18.1185103,23.0244175 17.5043239,24.1040124 16.3843338,25.0136109 C14.9921778,26.1439698 15.0891157,27.4615597 16.6378523,28.53569 C18.6582545,29.9359909 22.6243205,29.1820721 24.132654,27.1055686 L24.132654,27.1055686 Z M17.204511,18.7954639 C16.7651336,18.3560922 16.7651924,17.6438306 17.204511,17.2045177 C17.6438296,16.7651755 18.3560711,16.765146 18.795478,17.2045177 C19.2348554,17.6439188 19.234826,18.356151 18.795478,18.7954933 C18.3561594,19.2348061 17.6439178,19.234865 17.204511,18.7954933 L17.204511,18.7954639 Z"
                  id="形状-copy-2"
                  fill="url(#radialGradient-1)"
                  fillRule="nonzero"
                  transform="translate(18.000000, 18.000000) rotate(-105.000000) translate(-18.000000, -18.000000) "
                ></path>
                <circle
                  id="椭圆形"
                  stroke="#E6EAEF"
                  cx="18"
                  cy="18"
                  r="17.5"
                ></circle>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  )
}

export function OfflineIcon() {
  return (
    <svg
      className={cn(i.vam, i.ml5)}
      width="36px"
      height="36px"
      viewBox="0 0 36 36"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xlink="http://www.w3.org/1999/xlink"
    >
      <defs>
        <radialGradient
          cx="50%"
          cy="50%"
          fx="50%"
          fy="50%"
          r="79.6017662%"
          id="radialGradient-2"
        >
          <stop stopColor="#C8C8C8" offset="0%"></stop>
          <stop
            stopColor="#EEEEEE"
            stopOpacity="0.501047328"
            offset="100%"
          ></stop>
        </radialGradient>
      </defs>
      <g
        id="页面-1"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="系统状态-系统控制"
          transform="translate(-913.000000, -197.000000)"
        >
          <g id="编组-6备份" transform="translate(593.000000, 171.000000)">
            <g id="编组-10" transform="translate(320.000000, 26.000000)">
              <g id="编组-8">
                <path
                  d="M24.132654,27.1055686 C25.5916552,25.0963219 25.0080547,22.4244475 22.753201,20.6143501 C21.8114484,19.8579586 19.6063956,19.0622516 19.8658586,18.4311506 C21.058589,16.588216 23.3938543,18.0465754 24.846837,19.361569 C26.7409239,21.0752815 28.3692335,20.6463218 29.0502651,18.2094752 C29.7786064,15.6038686 28.4365966,12.2442195 26.2979204,11.3189196 C24.0975541,10.3667664 21.7263996,11.4356052 19.9126009,14.2191208 C19.4515417,14.9286798 19.2448396,16.2770051 18.0806232,15.6028053 C17.212499,15.1009511 17.438712,13.9632731 17.954308,13.1036474 C18.3668982,12.4171337 18.7807464,11.7173913 19.2903732,11.1034012 C21.0641142,8.96799854 20.4996793,7.40091565 17.7267136,6.86657045 C14.9746402,6.33702224 12.014582,7.65762883 11.3216612,9.89495517 C10.4365174,12.7531703 11.9686537,14.5909618 14.2128763,16.0262263 C14.9376657,16.489309 16.2966704,16.7319279 15.575729,17.9032591 C15.0916316,18.6887045 13.9729242,18.4183916 13.0558624,18.0090154 C12.2876853,17.6669949 11.679838,17.1890267 11.0698941,16.6355678 C9.14512247,14.8868916 7.63210243,15.3427046 6.94177162,17.8341231 C6.21611892,20.4505848 7.63173244,23.8200504 9.80827121,24.6570758 C12.2617119,25.6011433 15.2013959,24.5824999 16.6434021,21.3767501 C16.9887279,20.8770224 17.0049829,19.839191 17.7183025,20.105696 C18.4000742,20.3610739 18.4554249,21.1388293 18.3550338,21.7025499 C18.1185103,23.0244175 17.5043239,24.1040124 16.3843338,25.0136109 C14.9921778,26.1439698 15.0891157,27.4615597 16.6378523,28.53569 C18.6582545,29.9359909 22.6243205,29.1820721 24.132654,27.1055686 L24.132654,27.1055686 Z M17.204511,18.7954639 C16.7651336,18.3560922 16.7651924,17.6438306 17.204511,17.2045177 C17.6438296,16.7651755 18.3560711,16.765146 18.795478,17.2045177 C19.2348554,17.6439188 19.234826,18.356151 18.795478,18.7954933 C18.3561594,19.2348061 17.6439178,19.234865 17.204511,18.7954933 L17.204511,18.7954639 Z"
                  id="形状-copy-2"
                  fill="url(#radialGradient-2)"
                  fillRule="nonzero"
                  transform="translate(18.000000, 18.000000) rotate(-105.000000) translate(-18.000000, -18.000000) "
                ></path>
                <circle
                  id="椭圆形"
                  stroke="#E6EAEF"
                  cx="18"
                  cy="18"
                  r="17.5"
                ></circle>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  )
}

export function CloseIcon() {
  return (
    <svg
      className={cn(i.vam, i.ml5)}
      width="36px"
      height="36px"
      viewBox="0 0 36 36"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xlink="http://www.w3.org/1999/xlink"
    >
      <defs>
        <radialGradient
          cx="50%"
          cy="50%"
          fx="50%"
          fy="50%"
          r="79.6017662%"
          id="radialGradient-3"
        >
          <stop stopColor="#D74C2D" offset="0%"></stop>
          <stop
            stopColor="#FB7777"
            stopOpacity="0.0874911222"
            offset="100%"
          ></stop>
        </radialGradient>
      </defs>
      <g
        id="页面-1"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="系统状态-系统控制"
          transform="translate(-1322.000000, -197.000000)"
        >
          <g id="编组-6备份-4" transform="translate(1002.000000, 171.000000)">
            <g id="编组-10" transform="translate(320.000000, 26.000000)">
              <g id="编组-8">
                <path
                  d="M24.132654,27.1055686 C25.5916552,25.0963219 25.0080547,22.4244475 22.753201,20.6143501 C21.8114484,19.8579586 19.6063956,19.0622516 19.8658586,18.4311506 C21.058589,16.588216 23.3938543,18.0465754 24.846837,19.361569 C26.7409239,21.0752815 28.3692335,20.6463218 29.0502651,18.2094752 C29.7786064,15.6038686 28.4365966,12.2442195 26.2979204,11.3189196 C24.0975541,10.3667664 21.7263996,11.4356052 19.9126009,14.2191208 C19.4515417,14.9286798 19.2448396,16.2770051 18.0806232,15.6028053 C17.212499,15.1009511 17.438712,13.9632731 17.954308,13.1036474 C18.3668982,12.4171337 18.7807464,11.7173913 19.2903732,11.1034012 C21.0641142,8.96799854 20.4996793,7.40091565 17.7267136,6.86657045 C14.9746402,6.33702224 12.014582,7.65762883 11.3216612,9.89495517 C10.4365174,12.7531703 11.9686537,14.5909618 14.2128763,16.0262263 C14.9376657,16.489309 16.2966704,16.7319279 15.575729,17.9032591 C15.0916316,18.6887045 13.9729242,18.4183916 13.0558624,18.0090154 C12.2876853,17.6669949 11.679838,17.1890267 11.0698941,16.6355678 C9.14512247,14.8868916 7.63210243,15.3427046 6.94177162,17.8341231 C6.21611892,20.4505848 7.63173244,23.8200504 9.80827121,24.6570758 C12.2617119,25.6011433 15.2013959,24.5824999 16.6434021,21.3767501 C16.9887279,20.8770224 17.0049829,19.839191 17.7183025,20.105696 C18.4000742,20.3610739 18.4554249,21.1388293 18.3550338,21.7025499 C18.1185103,23.0244175 17.5043239,24.1040124 16.3843338,25.0136109 C14.9921778,26.1439698 15.0891157,27.4615597 16.6378523,28.53569 C18.6582545,29.9359909 22.6243205,29.1820721 24.132654,27.1055686 L24.132654,27.1055686 Z M17.204511,18.7954639 C16.7651336,18.3560922 16.7651924,17.6438306 17.204511,17.2045177 C17.6438296,16.7651755 18.3560711,16.765146 18.795478,17.2045177 C19.2348554,17.6439188 19.234826,18.356151 18.795478,18.7954933 C18.3561594,19.2348061 17.6439178,19.234865 17.204511,18.7954933 L17.204511,18.7954639 Z"
                  id="形状-copy-2"
                  fill="url(#radialGradient-3)"
                  fillRule="nonzero"
                  transform="translate(18.000000, 18.000000) rotate(-105.000000) translate(-18.000000, -18.000000) "
                ></path>
                <circle
                  id="椭圆形"
                  stroke="#E6EAEF"
                  cx="18"
                  cy="18"
                  r="17.5"
                ></circle>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  )
}

export function RebootIcon() {
  return (
    <svg
      className={cn(i.vam, i.ml5)}
      width="36px"
      height="36px"
      viewBox="0 0 36 36"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xlink="http://www.w3.org/1999/xlink"
    >
      <defs>
        <radialGradient
          cx="50%"
          cy="50%"
          fx="50%"
          fy="50%"
          r="79.6017662%"
          id="radialGradient-7"
        >
          <stop stopColor="#FFB42D" offset="0%"></stop>
          <stop
            stopColor="#FB7777"
            stopOpacity="0.0874911222"
            offset="100%"
          ></stop>
        </radialGradient>
      </defs>
      <g
        id="页面-1"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="系统状态-系统控制"
          transform="translate(-1322.000000, -197.000000)"
        >
          <g id="编组-6备份-4" transform="translate(1002.000000, 171.000000)">
            <g id="编组-10" transform="translate(320.000000, 26.000000)">
              <g id="编组-8">
                <path
                  d="M22.753201,20.6143501 C21.8114484,19.8579586 19.6063956,19.0622516 19.8658586,18.4311506 C21.058589,16.588216 23.3938543,18.0465754 24.846837,19.361569 C26.7409239,21.0752815 28.3692335,20.6463218 29.0502651,18.2094752 C29.7786064,15.6038686 28.4365966,12.2442195 26.2979204,11.3189196 C24.0975541,10.3667664 21.7263996,11.4356052 19.9126009,14.2191208 C19.4515417,14.9286798 19.2448396,16.2770051 18.0806232,15.6028053 C17.212499,15.1009511 17.438712,13.9632731 17.954308,13.1036474 C18.3668982,12.4171337 18.7807464,11.7173913 19.2903732,11.1034012 C21.0641142,8.96799854 20.4996793,7.40091565 17.7267136,6.86657045 C14.9746402,6.33702224 12.014582,7.65762883 11.3216612,9.89495517 C10.4365174,12.7531703 11.9686537,14.5909618 14.2128763,16.0262263 C14.9376657,16.489309 16.2966704,16.7319279 15.575729,17.9032591 C15.0916316,18.6887045 13.9729242,18.4183916 13.0558624,18.0090154 C12.2876853,17.6669949 11.679838,17.1890267 11.0698941,16.6355678 C9.14512247,14.8868916 7.63210243,15.3427046 6.94177162,17.8341231 C6.21611892,20.4505848 7.63173244,23.8200504 9.80827121,24.6570758 C12.2617119,25.6011433 15.2013959,24.5824999 16.6434021,21.3767501 C16.9887279,20.8770224 17.0049829,19.839191 17.7183025,20.105696 C18.4000742,20.3610739 18.4554249,21.1388293 18.3550338,21.7025499 C18.1185103,23.0244175 17.5043239,24.1040124 16.3843338,25.0136109 C14.9921778,26.1439698 15.0891157,27.4615597 16.6378523,28.53569 C18.6582545,29.9359909 22.6243205,29.1820721 24.132654,27.1055686 C25.5916552,25.0963219 25.0080547,22.4244475 22.753201,20.6143501 Z M17.204511,17.2045177 C17.6438296,16.7651755 18.3560711,16.765146 18.795478,17.2045177 C19.2348554,17.6439188 19.234826,18.356151 18.795478,18.7954933 C18.3561594,19.2348061 17.6439178,19.234865 17.204511,18.7954933 C16.7651336,18.3560922 16.7651924,17.6438306 17.204511,17.2045177 Z"
                  id="形状-copy-2"
                  fill="url(#radialGradient-7)"
                  fillRule="nonzero"
                  transform="translate(18.000000, 18.000000) rotate(-105.000000) translate(-18.000000, -18.000000) "
                ></path>
                <circle
                  id="椭圆形"
                  stroke="#E6EAEF"
                  cx="18"
                  cy="18"
                  r="17.5"
                ></circle>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  )
}

export function SettingIcon() {
  return (
    <svg
      className={i.vam}
      width="14px"
      height="14px"
      viewBox="0 0 14 14"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xlink="http://www.w3.org/1999/xlink"
    >
      <g
        id="页面-1"
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
      >
        <g
          id="系统状态-系统控制"
          transform="translate(-1045.000000, -279.000000)"
          fill="#999EA8"
          fillRule="nonzero"
        >
          <g id="编组" transform="translate(1045.000000, 279.000000)">
            <path
              d="M9.0438364,11.87 L8.63566936,13.688 C8.59452718,13.8703537 8.43251974,14 8.2455097,14 L5.75248948,14 C5.56547944,14 5.40347201,13.8703537 5.36232982,13.688 L4.95616361,11.868 C4.47981783,11.6842596 4.03134252,11.4352086 3.6236183,11.128 L1.74885109,11.708 C1.57275675,11.7615139 1.38285378,11.6880598 1.28866278,11.53 L0.0581592212,9.49000002 C-0.0431657796,9.32324029 -0.00934768893,9.10773814 0.138191953,8.98000002 L1.59078639,7.72400001 C1.52188972,7.24378994 1.52188972,6.75621007 1.59078639,6.276 L0.138191953,5.02000002 C-0.00934768893,4.8922619 -0.0431657796,4.67675975 0.0581592212,4.51000002 L1.28866278,2.47000002 C1.38345616,2.31269731 1.5732243,2.24012008 1.74885109,2.29400001 L3.6236183,2.874 C4.02578288,2.568 4.47396628,2.31800001 4.95616361,2.13 L5.36232982,0.312 C5.40347201,0.129646353 5.56547944,0 5.75248948,0 L8.2455097,0 C8.43251974,0 8.59452718,0.129646353 8.63566936,0.312 L9.0438364,2.13200001 C9.52403291,2.31800001 9.9722163,2.568 10.3743809,2.87200002 L12.2491481,2.292 C12.4252424,2.2384861 12.6151454,2.31194023 12.7093364,2.47000002 L13.9418408,4.51000002 C14.0431658,4.67675975 14.0093477,4.89226191 13.861808,5.02000002 L12.4072128,6.276 C12.4761094,6.75621007 12.4761094,7.24378994 12.4072128,7.72400001 L13.8598072,8.98000002 C14.0073469,9.10773813 14.041165,9.32324029 13.93984,9.49000002 L12.7093364,11.53 C12.614543,11.6873027 12.4247749,11.7598799 12.2491481,11.706 L10.3743809,11.126 C9.97421713,11.432 9.52403291,11.682 9.0438364,11.87 Z M6.99899958,9.33400002 C8.33954817,9.33400002 9.42599278,8.28800001 9.42599278,7.00000002 C9.42599278,5.71200003 8.33954817,4.66600002 6.99899958,4.66600002 C5.65845098,4.66600002 4.57400721,5.71200003 4.57400721,7.00000002 C4.57400721,8.28800001 5.65845098,9.33400002 6.99899958,9.33400002 Z"
              id="形状"
            ></path>
          </g>
        </g>
      </g>
    </svg>
  )
}
